<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <link rel="stylesheet" type="text/css" href="../easyui/themes/metro/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="../easyui/demo/demo.css">
    <script type="text/javascript" src="../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../comm.js"></script>
    <script type="text/javascript" src="user.js"></script>

</head>
<body class="easyui-layout">
    <div region="center"  border="false">
        <table  id="userGrid" class="easyui-datagrid" title="用户管理" data-options="toolbar:'#userQueryBar'">
            <thead>
            <tr>
                <th data-options="field:'user_id',width:80">用户ID</th>
                <th data-options="field:'user_name',width:100">用户名</th>
                <th data-options="field:'phone',width:150">手机号</th>
               
            </tr>
            </thead>
        </table>
    </div>
    <div id="userQueryBar">
        <form id="userQueryForm">
            <table>

                    <td>用户名:</td>
                    <td>
                        <input class="easyui-textbox" name="user_name" style="width:100px" data-options="required:false">
                    </td>
            
                    <td>手机:</td>
                    <td>
                        <input class="easyui-textbox" name="phone" style="width:100px" data-options="required:false">
                    </td>
                </tr>
                <tr>
                    <td colspan="16">
                        <a href="javascript:searchForm()" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
                        <a href="javascript:resetSearchForm()" class="easyui-linkbutton" data-options="iconCls:'icon-redo'">重置</a>
                        <a href="javascript:userAddWinOpen()" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
                        <a href="javascript:userEditWinOpen()" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
                        <a href="javascript:userDel()" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
                        <a href="javascript:userImportWinOpen()" class="easyui-linkbutton" data-options="iconCls:'icon-excel'">导入</a>
                        <a href="javascript:userExport()"  id="exportBt" class="easyui-linkbutton" data-options="iconCls:'icon-excel'" >导出</a>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div id="userOptWin" class="easyui-dialog" title="维护" style="width:600px;height:400px;padding:10px;" data-options="iconCls:'icon-add',modal:true,
    closed:true,minimizable:false,maximizable:false,toolbar:[{
				text:'确定',
				iconCls:'icon-edit',
				handler:function(){
                    userAdd();
				}
			},{
				text:'取消',
				iconCls:'icon-help',
				handler:function(){
				    $('#userOptWin').dialog('close');
				}
			}
    ]">
        <form id="userOptForm" method="post" enctype="multipart/form-data">
          
            <table>
                <tr>
                    <td>用户名:</td>
                    <td>
                        <input class="easyui-textbox" name="user_name" style="width:200px" data-options="required:false,validType:{length:[0,16]}">
                    </td>
                </tr>
                <tr>
                    <td>手机号:</td>
                    <td>
                        <input class="easyui-textbox" name="phone" style="width:200px" data-options="required:false,validType:{length:[0,66]}">
                    </td>
                </tr>
              
            </table>
        </form>
    </div>
    <div id="userImportWin" class="easyui-dialog" title="导入" style="width:600px;height:400px;padding:10px;" data-options="iconCls:'icon-excel',modal:true,closed:true,minimizable:false,maximizable:false,
            toolbar:[{
				text:'模版下载',
				iconCls:'icon-excel',
				handler:function(){
				    userModel();
				}
			},{
				text:'导入',
				iconCls:'icon-ok',
				handler:function(){
				    userImport();
				}
			}]">
        <form id="userImportForm" method="post" enctype="multipart/form-data">
            <table>
                <tr>
                   <td>请选择文件：</td>
                    <td><input name="file" id="file" class="easyui-filebox" data-options="required:true" /></td>
                </tr>
            </table>
        </form>
    </div>
    <iframe id="userIframe" name="userIframe" style="height:0px;width:0px"></iframe>
</body>
</html>